import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import { NOTCH_WIDTH } from '../../../../constant';
import { APP_BLACK } from '../../../../constant/color';
import { getScreenInfo, ScreenOrientation } from '../../../../util/screen';
import { CONTENT_WIDTH } from '../../constant';

const { height } = getScreenInfo({
  screenOrientation: ScreenOrientation.Landscape
});

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: APP_BLACK,
    alignItems: 'center',
    justifyContent: 'center'
  },
  content: {
    width: CONTENT_WIDTH,
    height,
    alignItems: 'center',
    justifyContent: 'center'
  },
  back: {
    position: 'absolute',
    top: phonePx(16),
    left: phonePx(16) + NOTCH_WIDTH,
    width: phonePx(40),
    height: phonePx(40),
    alignItems: 'center',
    justifyContent: 'center',
    elevation: 2
  },
  backIcon: {
    width: phonePx(40),
    height: phonePx(40)
  }
});
